jQuery(function($){
/* gnb */
	var rOverImg = {
		init : function() {
			this.checkImg();
		},
		checkImg : function() {
			
			
			var st = $( ".bg_gnb_sub" ).hover().addClass('hovered');
		//	console.log(st);

			var tgImg = $(".gnb img.overed");
			tgImg.each(function() {
				var $this = $(this),
					tgSrc = $this.attr("src"),
					onSrc = $this.attr("src").replace(".png","_on.png"),
					offSrc = $this.attr("src").replace("_on.png",".png");
				$this.hover(
					function() {
						$this.attr("src",onSrc);
						$(this).parents('li').addClass('on');
						$(this).parents('li').siblings('li').removeClass('on');
						$( ".bg_gnb_sub" ).show();
						$( ".gnb ul li ul" ).show();
					},
					function() {
						$this.attr("src",offSrc);
						$(this).parents('li').removeClass('on');
						//$( ".bg_gnb_sub" ).hide();
						//$( ".gnb ul li ul" ).hide();
					}
				);
			});
		}
	}
	rOverImg.init();
	
	$( ".bg_gnb_sub" ).mouseleave(function() {
		$( ".gnb ul li ul" ).hide();
		$( ".bg_gnb_sub" ).hide();
	
	});
	$( ".partner" ).mouseenter(function() {
		$( ".gnb ul li ul" ).hide();
		$( ".bg_gnb_sub" ).hide();
	
	});
	
/* key visual control */
	$( ".btn_kv" ).click(function() {
		var status = $('#kv').hasClass('flip');		
		if(!status){
			$( "#kv" ).animate({
				height: 64
			}, 100, function() {
				$(this).addClass('flip')
			
			});
			$( ".kvInner" ).animate({
				height: 64
			}, 100, function() {
			$('.btn_kv').addClass('down');
			});
		}else {
			$( "#kv" ).animate({		
				height: 210
			}, 100, function() {
				$(this).removeClass('flip')
			
			});
			$( ".kvInner" ).animate({
				height: 210
			}, 100, function() {
			$('.btn_kv').removeClass('down');
			});
		}
		
	});	

	$( "#kv" ).delay(2000).animate({
			height: 64
		}, 100, function() {
			$(this).addClass('flip')
		});
		$( ".kvInner" ).delay(2000).animate({
			height: 64
		}, 100, function() {
		$('.btn_kv').addClass('down');
		
	});



/* tabArea */
	var tabArea = {
		init: function() {
			if ( $("div.tabArea").size() !== 0 ) this.tabList();
		},
		tabList: function() {
			var tgArea = $("div.tabArea"),
				tgBtn = $("ul.tabList").find("> li > a"),
				tgCon = tgArea.find("div.tabConArea"),
				curClass = "on";
			tgBtn.on("click focus",function(e) {
				e.preventDefault();
				var $this = $(this),
					tgId = $this.attr("href");
				tgCon
					.hide()
					.filter(tgId).show();
				tgBtn.removeClass(curClass);
				$this.addClass(curClass);
			});
		}
	};	
	tabArea.init(); 

});
